<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>图片新闻轮播演示</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="js_four.css">
</head>
<body>
<div class="news_pic">
    <ul>
        <li class="first"><a href="" title="蓝色天空" data-image="../JavaScripts_Study/image/sky01.jpg" data-url="" onclick="clickShowPic(this);return false;">1</a></li>
        <li><a href="" title="城市天空" data-image="../JavaScripts_Study/image/sky02.jpg" data-url="" onclick="clickShowPic(this);return false;">2</a></li>
        <li><a href="" title="池塘天空" data-image="../JavaScripts_Study/image/sky03.jpg" data-url="" onclick="clickShowPic(this);return false;">3</a></li>
        <li><a href="" title="黄昏天空" data-image="../JavaScripts_Study/image/sky04.jpg" data-url="" onclick="clickShowPic(this);return false;">4</a></li>
    </ul>
    <div>
        <img id="placeholder" src="" alt="新闻图片">
        <p><a id="description" href="">新闻标题</a></p>
    </div>
</div>
<script src="js_four.js"></script>
</body>
</html>